<!DOCTYPE html>
<html  lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link  rel="stylesheet" th:href="@{/css/map.css}"/>
    <link  rel="stylesheet" th:href="@{/lib/mapbox/mapbox-gl.css}"/>
</head>
<body>
<div id="map"></div>
<script th:src="@{/lib/jquery/jquery-3.6.3.min.js}"></script>
<script th:src="@{/lib/mapbox/mapbox-gl.js}"></script>
<script th:inline="javascript">
    let fence = [[${fence}]]
    console.log(fence)
</script>
<script th:src="@{/js/map.js}"></script>
</body>
</html>